@import '../../../../css/h5/common';

.content {
    width: 100%;
    min-height: 736px;
}

// 搜索框
.header-search {
    height: 96/@rem;
    background-image: url("../../../../images/search.png");
    background-size: 100% 100%;
    background-repeat: no-repeat;
    padding-top: 20/@rem;

    .search_box {
        display: inline-block;
        background-color: #0C2660;
        height: 58/@rem;
        width: 554/@rem;
        margin-left: 24/@rem;
        border-radius: 30/@rem;

        img {
            height: 50.72/@rem;
            width: 50.72/@rem;
            vertical-align: middle;
        }

        form{
            height: 100%;
            display: inline-block;
            width: 490/@rem;
        }

        input {
            background-color: #0C2660;
            border: none;
            height: 100%;
            color: aliceblue;
            width: 490/@rem;
        }
    }

    .dy1 {
        display: inline-block;
        vertical-align: middle;
        height: 58/@rem;
        margin-left: 10/@rem;

        img {
            width: 138/@rem;
            height: 58/@rem;
        }

        ;
    }
}

.page {
    display: flex;
    align-items: flex-start;
    flex-direction: column;
    background-color: #ffffff;
    width: 10rem;
}

.line {
    position: relative;
    align-self: center;
    margin-top: 13/@rem;
    margin-bottom: 13/@rem;
    background-color: #E8E8E8;
    width: 702/@rem;
    height: 1px;
}

// 顶部图文切换
.submain {
    position: relative;
    padding-top: 0.13rem;
    height: 1.97rem;
    max-width: 750/@rem;
    width: 100%;
    overflow: hidden;

    // 单个元素
    .col {
        display: flex;
        border-right: 1px solid #E8E8E8;
        margin-left: 24/@rem;
        width: 314/@rem  !important;

        .block {
            display: flex;
            align-items: flex-start;
            flex-direction: column;
            margin-right: 0.15rem;
            height: 1.75rem;

            .pic {
                position: relative;
                width: 96/@rem;
                height: 96/@rem;
            }

            .txt {
                position: relative;
                margin-top: 8/@rem;
                margin-left: 0.03rem;
                height: 28/@rem;
                overflow: hidden;
                text-overflow: ellipsis;
                line-height: 28/@rem;
                color: #939393;
                font-size: 20/@rem;
                font-weight: 400;
            }
        }

        .group {
            display: flex;
            align-items: flex-end;
            flex-direction: column;
            margin-top: 0.13rem;
            margin-right: 0.32rem;
            width: 2.41rem;
            height: 1.64rem;

            .desc {
                position: relative;
                width: 2.41rem;
                height: 96/@rem;
                overflow: hidden;
                text-overflow: ellipsis;
                line-height: 28/@rem;
                color: #3C3C3C;
                font-size: 20/@rem;
                font-weight: 400;
            }

            .wrap {
                display: flex;
                position: relative;
                align-items: center;
                flex-direction: row;
                height: 26/@rem;
                width: 112/@rem;
                background-color: #F1FCFF;
                border-radius: 14/@rem;
                .text {
                    line-height: 0.44rem;
                    margin-left:20/@rem;
                    margin-right:6/@rem;
                    width: 20/@rem;
                    height: 14/@rem;
                    background-image: url('');
                }
                .text2{
                    background-image: url('');
                }
                .txt_1 {
                    line-height: 18/@rem;
                    color: #FD0D1B;
                    font-size: 18/@rem;
                    font-weight: 500;
                }
                .txt_12{
                    color: #5EFD2F;
                }
            }
        }
    }
}


// banner切换
.banner_container {
    position: relative;
    padding-top: 0.13rem;
    height: 450/@rem;
    max-width: 750/@rem;
    width: 100%;
    overflow: hidden;

    .col {
        width: 690/@rem;
        // background-color: red;
        text-align: center;
        display: -webkit-box;
        display: -ms-flexbox;
        display: -webkit-flex;
        display: flex;
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        -webkit-justify-content: center;
        justify-content: center;
        -webkit-box-align: center;
        -ms-flex-align: center;
        -webkit-align-items: center;
        align-items: center;

        .title {
            width: 620/@rem;
            height: 38/@rem;
            margin-left: 40/@rem;
            text-overflow: ellipsis;
            overflow: hidden;
            white-space: nowrap;
            font-size: 32/@rem;
            font-weight: 500;
            line-height: 38/@rem;
            color: #3C3C3C;
            margin-bottom: 14/@rem;
        }

        .pic {
            width: 100%;
            height: 370/@rem;
            // box-shadow: 0px 2px 2px 3px rgba(0, 0, 0, 0.2);
            border-radius: 20/@rem;
        }
    }
}






.largeIcon {
    position: relative;
    width: 0.68rem;
    height: 1.31rem;
}

.word_1 {
    position: relative;
    margin-top: 0.08rem;
    margin-left: 0.01rem;
    line-height: 0.37rem;
    color: #8e8e8e;
    font-size: 0.27rem;
    font-weight: 400;
}


//长条广告
.longBg {
    position: relative;
    align-self: center;
    margin-top: 0.17rem;
    width: 724/@rem;
    height: 94/@rem;
}



// 往期精彩标题
.news_title {
    display: flex;
    position: relative;
    align-items: center;
    flex-direction: row;
    margin-top: 0.24rem;
    margin-left: 0.31rem;
    height: 0.53rem;

    .icon_2 {
        margin-top: -0.05rem;
        margin-right: 0.16rem;
        width: 0.4rem;
        height: 0.43rem;
    }

    .txt_2 {
        line-height: 0.53rem;
        color: #353535;
        font-size: 0.37rem;
        font-weight: 400;
    }
}

.news_container{
    width: 100%;
    padding-bottom: 25/@rem;
}
